<form class="form-inline">
    <div class="form-group">
        <label for="infoName">姓名</label>
        <input type="text" class="form-control" id="infoName" ng-model="infoName" placeholder="请输入客户姓名">
    </div>
    <div class="form-group">
        <label for="infoContinent">地区</label>
        <input type="text" class="form-control" id="infoContinent" ng-model="infoContinent" list="infoContinentOption" placeholder="来源地">
        <datalist id="infoContinentOption">
            <option value="亚洲"></option>
            <option value="欧洲"></option>
            <option value="北美洲"></option>
            <option value="南美洲"></option>
            <option value="大洋洲"></option>
            <option value="非洲"></option>
        </datalist>
    </div>
    <div class="form-group">
        <label for="infoContry">国籍</label>
        <input type="text" class="form-control" id="infoContry" ng-model="infoContry" list="infoContryOption" placeholder="来源地">
        <datalist id="infoContryOption">
            <option ng-repeat="country in countries" value="{{ country.name_cn }}"></option>
        </datalist>
        <!-- <ui-select class="form-control" ng-model="country.selected" theme="selectize" ng-disabled="disabled" style="width: 180px;" title="Choose a country">
            <ui-select-match placeholder="选择国籍">{{$select.selected.name_cn}}</ui-select-match>
            <ui-select-choices repeat="country in countries | filter: $select.search">
                <span ng-bind-html="country.name | highlight: $select.search"></span>
                <span ng-bind-html="country.name_cn | highlight: $select.search"></span>
                <small ng-bind-html="country.code | highlight: $select.search"></small>
            </ui-select-choices>
        </ui-select> -->
    </div>
    <div class="form-group">
        <label for="infoEmail">邮箱</label>
        <input type="email" class="form-control" id="infoEmail" ng-model="infoEmail" placeholder="请输入客户邮箱">
    </div>
    <div class="form-group">
        <label for="infoPhone">电话</label>
        <input type="tel" class="form-control" id="infoPhone" ng-model="infoPhone" placeholder="请输入客户电话">
    </div>
    <div class="form-group">
        <label for="infoAddress">地址</label>
        <input type="text" class="form-control" id="infoAddress" ng-model="infoAddress" placeholder="请输入客户地址">
    </div>
    <div class="form-group">
        <label for="infoShoppingSource" class="col-sm-2 control-label">购买渠道：</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="infoShoppingSource" ng-model="infoShoppingSource" list="infoSourceOption" placeholder="购买渠道">
            <datalist id="infoSourceOption">
                <option>Distributor</option>
                <option>Dealer</option>
                <option>官网</option>
                <option>Ebay</option>
                <option>Wish</option>
                <option>淘宝</option>
                <option>天猫</option>
                <option>京东</option>
                <option>亚马逊</option>
                <option>国内分销</option>
                <option>国外分销</option>
                <option>其它渠道</option>
            </datalist>
        </div>
    </div>
    <div class="form-group">
        <label for="infoRecommended">推荐人</label>
        <input type="text" class="form-control" id="infoRecommended" ng-model="infoRecommended" placeholder="请输入推荐人">
    </div>
    <div class="form-group">
        <label for="infoRemarks">备注信息</label>
        <input type="text" class="form-control" id="infoRemarks" ng-model="infoRemarks" placeholder="请输入备注信息">
    </div>
    <div class="form-group">
        <label for="infoSource" class="col-sm-2 control-label">客户渠道：</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="infoSource" ng-model="infoSource" list="infoSourceOption" placeholder="客户渠道">
            <datalist id="infoSourceOption">
                <option>社交媒体</option>
                <option>市场活动</option>
                <option>国内展会</option>
                <option>国外展会</option>
                <option>国内电商</option>
                <option>国外电商</option>
                <option>其它渠道</option>
            </datalist>
        </div>
    </div>
    <div class="form-group">
        <!-- <datepicker ng-model="dt" min-date="minDate" show-weeks="true" class="wellwell-sm"></datepicker> -->
        <label for="infoSource" class="col-sm-2 control-label">购买日期</label>
        <p class="input-group informationDatePicker">
            <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="2000-1-1" max-date="'2099-12-30'" datepicker-options="dateOptions" date-disabled="disabled(date,mode)" ng-required="true" close-text="Close">
            <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
            </span>
        </p>
    </div>
    <button type="submit" class="btn btn-default">Send invitation</button>
</form>
